@import 'smbcolor2.0.less';

// 额外补充适配旧代码
@font-gray1: @gray-10;
@font-gray2: @gray-9;
@font-gray3: @gray-8;
@font-gray4: @gray-6;

//主题色
@theme-light: @ryblue-1;
@theme-focus: @ryblue-3;
@theme-hover: @ryblue-5;
@theme-color: @ryblue-6;
@theme-active: @ryblue-7;

//告警色
@warning-light: @orange-1;
@warning-focus: @orange-3;
@warning-hover: @orange-5;
@warning-color: @orange-6;
@warning-active: @orange-7;

//错误色
@error-light: @red-1;
@error-focus: @red-3;
@error-hover: @red-5;
@error-color: @red-6;
@error-active: @red-7;

//成功色
@success-light: @green-1;
@success-focus: @green-3;
@success-hover: @green-5;
@success-color: @green-6;
@success-active: @green-7;

//拓扑色-新增
@topology-light: @cyan-1;
@topology-focus: @cyan-3;
@topology-hover: @cyan-5;
@topology-color: @cyan-6;
@topology-active: @cyan-7;

//端口色-新增
@port-light: @rygreen-1;
@port-focus: @rygreen-3;
@port-hover: @rygreen-6;
@port-color: @rygreen-7;
@port-active: @rygreen-8;

//中性色-已对
@text-title: @gray-10;
@text-primary: @gray-9;
@text-secondary: @gray-8;
@text-placeholder: @gray-6;
@white: @gray-1;
@component-border: @gray-5;
@component-stroke: @gray-4;
@bg-page: @gray-3;
@bg-component: @gray-2;
@table-header-bg: @gray-3;
@table-border: @gray-5;
@table-bg: @gray-1;
@table-hover: @gray-2;
@table-active: @ryblue-1;

//圆角
.border-radius (@radius:4px) {
  border-radius: @radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}

//阴影
.shadow (@x,@y,@b,@c) {
  -webkit-box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  -o-box-shadow: @arguments;
  -ms-box-shadow: @arguments;
  box-shadow: @arguments;
}

.shadow1(@x,@y,@b,@s,@c) {
  -webkit-box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  -o-box-shadow: @arguments;
  -ms-box-shadow: @arguments;
  box-shadow: @arguments;
}

.drop-shadow {
  .shadow1(0px,2px,1px,0px,rgba(0, 0, 0, 0.1));
}

.shadow-button-normal {
  .shadow(0px,2px,0px,rgba(0, 0, 0, 0.02)); //常规按钮
}

.shadow-button-warning {
  .shadow(0px,2px,0px,rgba(222, 50, 31, 0.04)); //危险按钮
}

.shadow-button-primary {
  .shadow(0px,2px,0px,rgba(43, 106, 253, 0.04)); //主按钮
}

.shadow-pop {
  .shadow( 0px,2px,8px,rgba(0, 0, 0, 0.1)); //弹窗阴影
}

.shadow-bottom {
  .shadow( 0px,-2px,6px,rgba(0, 0, 0, 0.05)); //底部悬浮阴影
}

.shadow-right {
  .shadow( -2px,0px,6px,rgba(0, 0, 0, 0.05)); //右边悬浮阴影
}
